<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>你觉得哪首歌最能代表杭州？</title>
    <meta name="renderer" content="webkit" />
    <meta name="description" content=' '/>
    <meta name="Keywords" content="">

    <meta name="applicable-device" content="pc,mobile" />
    <meta http-equiv="Cache-Control" content="no-transform " />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta name="HandheldFriendly" content="true" />


    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=0.1,maximum-scale=2.0,user-scalable=yes">

    <meta http-equiv="X-UA-Compatible" content="IE=9;IE=8;IE=7;IE=edge">
    <style>
        body {font-size: 14px;  font-family:"microsoft yahei", Arial, Helvetica, sans-serif;  margin:0;  padding:0;  -webkit-tap-highlight-color:rgba(0,0,0,0);  }
        div,ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd {  margin:0;  padding:0;  border:none;  list-style:none;  }
        input {border:none;outline: none;list-style:none;}
        img{border:none; vertical-align:top;outline:none;}
        em{ font-style:normal;  }
        .lf   {float:left;}
        .rt  {float:right;}
        .clear  {clear:both;}
        a { color:#333333; text-decoration:none;}
        a:hover { text-decoration:none;}

        .container{width:100%;min-width: 1360px;background: url(./att/images/bg_sec.jpg)  repeat;}
        .content{
            width:100%;min-width: 1360px;background: url(./att/images/content.png)  no-repeat top;
            padding-top: 80px;
        }
        .banner{margin:0 auto;width: 100% ;background: url(./att/images/banner.png) no-repeat center top;height:654px;position: relative;}
         .dy{
            width: 1108px;
            height: 180px;
            position: absolute;
            bottom: -40px;
            left: calc(50% - 554px);
            background:url(./att/images/dy.png) no-repeat center top;
         }
        .news{
            width: 1100px;
            height: 500px;
            margin:0 auto;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }
        .news_right{
            width: 400px;
            height: 500px;
        }
        .news_left,.news_.right{
           display: flex;
           flex-direction: column;
        }
        .video_div,.img_div{
            width: 674px;
            height: 220px;
            border-radius: 20px;
            background-color: #fefbff;
            box-sizing: border-box;
            padding: 20px 10px;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }
        .myvideo,.myimg{
            width: 280px;
            height: 180px;
            border-radius: 20px;
            object-fit: cover;
        }

        .img_div{
            margin-top: 20px;
        }
        .video_title{
            width: 360px;
            height: 180px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
        .video_title_p{
            width: 360px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            font-weight: bolder;
            font-size: 24px;
            color: #3b3b3b;
        }
        .video_title_p1{
            width: 360px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            color: #4b4b4b;
            font-size: 16px;
        }
        .enter{
            width: 113px;
            height: 32px;
            cursor: pointer;
        }
        .enter_span{
            display: inline-block;
            display: flex;
            width: 100%;
            justify-content: end;

        }
        .news_p{
            color: #f3f9fa;
            font-size: 32px;
            font-weight: bolder;
            
        }
        .xiexian{
            width: 21px;height: 29px;vertical-align: middle;
        }
        .news_li{
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            color: #eaeffd;
            padding: 20px 0;
            border-bottom: 1px  dashed #eaeffd;
            position: relative;
            padding-left: 12px;
        }
        .news_li::before {
            position: absolute;
            content: '';
            left: 0px;
            top: 26px;
            width: 8px;
            height: 8px;
            background-color: #fff;
            border-radius: 50%;
        }
        .footer{background:url(./att/images/bg_footer.png) no-repeat center top;height: 120px;padding-top:40px;text-align: center;line-height: 28px;color:#3d3d3d; }
        .footer a{color:#3d3d3d;}

        .main{width: 1200px;margin: 0 auto;}

    </style>

   <!--  <script type="text/javascript">
        var u = navigator.userAgent;
        var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器

        if(isAndroid){
            window.location.href="https://z.hangzhou.com.cn/2020/sxhcxstl/node_202802.html";
        }else if(window.screen.width < 600){
            var thisurl = window.location.href;
            var houindex=thisurl.indexOf("?");
            var kuozhan=thisurl.substring(houindex+1);
            if(kuozhan!='pc'){
                window.location.href="https://z.hangzhou.com.cn/2020/sxhcxstl/node_202802.html";
            }
        }
    </script>-->

</head>
<body>




<div class="container">
  
    <div class="banner">
          <div class="dy"></div>
    </div>
   <div class="content">
       <div class="news">
           <div class="news_left">
                 <div class="video_div">
                     <video class="myvideo" poster="./att/images/poster.png" src=""></video>
                     <div class="video_title"> 
                           <p class="video_title_p">亚运会开幕式总导演、总制作人沙晓岚</p>
                           <p class="video_title_p1">杭州亚运会开幕式总导演、总制作人沙晓岚接受新华社记者专访，为您讲述亚运会开幕式的精彩亮点...</p>
                           <span class="enter_span">
                             <img class="enter" src="./att/images/enter.png" alt="">
                           </span>
                     </div>
                 </div>
                 <div class="img_div">
                    <img class="myimg"  src="./att/images/poster1.png">
                    <div class="video_title"> 
                          <p class="video_title_p">亚运会开幕式总导演、总制作人沙晓岚</p>
                          <p class="video_title_p1">杭州亚运会开幕式总导演、总制作人沙晓岚接受新华社记者专访，为您讲述亚运会开幕式的精彩亮点...</p>
                          <span class="enter_span">
                            <img class="enter" src="./att/images/enter.png" alt="">
                          </span>
                    </div>
                 </div>
           </div>
           <div class="news_right">
                    <p class="news_p">相关新闻 <img class="xiexian" src="./att/images/xiexian.png" alt=""></p>
                    <ul style="margin-top: 20px;">
                        <li class="news_li">
                            亚运男子25米手枪速射中国小将夺金
                        </li>
                        <li class="news_li">
                            亚运男子25米手枪速射中国小将夺金
                        </li>
                        <li class="news_li">
                            亚运男子25米手枪速射中国小将夺金
                        </li>
                        <li class="news_li">
                            亚运男子25米手枪速射中国小将夺金
                        </li>
                        <li class="news_li">
                            亚运男子25米手枪速射中国小将夺金
                        </li>
                        <li class="news_li">
                            亚运男子25米手枪速射中国小将夺金
                        </li>
                    </ul>
           </div>
       </div>
       
   </div>
    <!--footer-->
    <div class="footer">
        <p>增值电信业务经营许可证：浙B2-20110366 | 信息网络传播视听节目许可证：1105105 | 互联网新闻信息服务许可证：国新网3312006002</p>
        <p>网络文化经营许可:浙网文[2012]0867-091号  | <a href="http://beian.miit.gov.cn" target="_blank">工信部备案号：浙ICP备11041366号-1</a> | <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33010002000058" target="_blank"> 浙公网安备：33010002000058号 </a></p>
        <p>杭州网(杭州网络传媒有限公司)版权所有未经授权禁止复制或镜像</p>

    </div>
</div>
<!--
<script src="https://www.hangzhou.com.cn/templateRes/201401/09/52570/52570/js/jquery.m.js"></script>
-->
<script src="./att/js/jquery-3.7.1.min.js"></script>
<script src="./att/js/jquery-migrate-3.4.1.min.js"></script>

<script>
   

    $(function() {
      
    });
</script>
<script src="https://www.hangzhou.com.cn/extra/js/hzwtj.js"></script>
</body>
</html>